.goods-container {
  padding-bottom: 180rpx;
  background-color: #f6f6f6;
  min-height: 100vh;

  // .search-container {
  //   position: sticky;
  //   top: 0;
  //   width: 100%;
  //   z-index: 99;
  // }

  .my-swiper {
    // margin-top: 54px;
    padding: 0 10rpx;
    background-color: #fff;

    .swiper-item {
      border-radius: 20rpx;
      overflow: hidden;

      image {
        width: 100%;
        border-radius: 20rpx;
      }
    }
  }

  .van-tabs__nav .van-tabs__line {
    background-color: #1296db;
  }

  .myfixed {
    position: fixed;
    top: 0;
  }

  .goods-con {
    // display: flex;
    // flex-wrap: wrap;
    // justify-content: space-between;
    padding: 20rpx 25rpx;
    column-count: 2;

    .goods-item {
      margin-bottom: 20rpx;
      // margin-right: auto;
      width: 340rpx;
      height: auto;
      background-color: #fff;
      border-radius: 20rpx;
      overflow: hidden;
      break-inside: avoid;

      .goods-img {
        width: 340rpx;

        image {
          width: 100%;
          border-radius: 20rpx;
        }
      }

      .goods-info {
        padding: 10rpx 15rpx 15rpx;

        .goods-title {
          font-size: 32rpx;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
        }

        .goods-detail {
          color: #999;
          font-size: 26rpx;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
        }

        .goods-bottom {
          margin-top: 30rpx;
          display: flex;
          align-items: center;
          justify-content: space-between;

          .goods-price {
            font-size: 30rpx;
            color: #ff2121;
          }

          .addcart {
            image {
              width: 40rpx;
              height: 40rpx;
            }
          }
        }
      }
    }
  }

  .none-goods {
    margin: 100rpx auto;
    min-height: 100vh;
    text-align: center;

    image {
      width: 150rpx;
    }

    .tit {
      margin-top: 15rpx;
      font-size: 28rpx;
      color: #BFBFBF;
    }
  }

  // .mask-container {
  //   position: absolute;
  //   top: 50%;
  //   left: 50%;
  //   transform: translate(-50%, -50%);
  //   background-color: #fff;
  //   width: 80vw;
  //   height: 50vh;
  //   overflow: scroll;
  //   border-radius: 20rpx;

  //   .mask-title {
  //     text-align: center;
  //   }

  //   .mask-info {
  //     height: 1000px;
  //   }
  // }
}